﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3, h4
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;display:block}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* top */
.top_bg{width:100%;height:106px;background:url(../images/topbg.jpg) center 0 no-repeat;}
.top{width:980px;height:106px;margin:0 auto;position:relative;}
.logo{float:left;margin:31px 0 0 0;}
.top_tel{background:url(../images/top_tel.png) 0 0 no-repeat;width:323px;height:77px;position:absolute;right:-9px;top:0;padding:29px 0 0 48px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.top_tel span{font:16px/24px "microsoft yahei";color:#fff}
.top_tel p{font:26px/1 "impact";color:#fff}
.nav_bg{width:100%;background:url(../images/navbg.jpg) 0 0 repeat-x;height:50px;border-bottom:3px solid #2c4387;}
.nav{width:980px;height:50px;margin:0 auto;}
.nav li{width:108px;height:50px;float:left;position:relative;z-index:2}
.nav li a{display:block;width:108px;height:50px;text-align:center;font:700 16px/50px "microsoft yahei";color:#23356a;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.nav li.hover{background:url(../images/hover.jpg) center bottom no-repeat;}
.nav li dl{width:100%;height:auto;position:absolute;top:50px;left:0;background:url(../images/nav_dl.png) 0 0 repeat;display:none}
.nav li dl a{display:block;width:100%;height:36px;text-align:center;border-bottom:1px solid #334d9c;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font:14px/36px "microsoft yahei";color:#fff;}
.nav li dl span{display:block;width:100%;height:44px;text-align:center;font:18px/44px "impact";color:#90adff;text-transform: uppercase;}
/* banner */
.banner { width: 100%; height: 398px; position: relative; overflow:hidden;z-index:1}
.sub_banner{height:368px;}
.banner img{display:block;margin:0 auto;}
.btns{width:91px;position: absolute;height:41px;left:50%;bottom:18px;margin-left:-45px;}
.btns .prev,
.btns .next {width: 41px; height: 41px;float:left;background:url(../images/btns.png) 0 0 no-repeat;}
.btns .next {background-position: -50px 0;float:right}
.banner_bar{width:100%;height:0;overflow:hidden;border-top:5px solid #2c4387;border-bottom:5px solid #ff9600}
/* marquee */
.bg{width:100%;height:auto;overflow:hidden;background:url(../images/bg1.jpg) center 0 no-repeat;}
.bg #tip{font: 18px/30px 'microsoft yahei';color:#a2a2a2;}
.bg #tip a{color: #334d9c;}
.marquee_box{width:1002px;height:61px;margin:0 auto;overflow:hidden;padding-top:21px;}
.search{width:378px;height:43px;overflow:hidden;float:left;}
.text{width:221px;float:left;font:14px/31px 'microsoft yahei';color:#a2a2a2;text-indent:15px;height:31px;padding:5px 0;background:#fff;*height:31px;border:1px solid #cdcdcd;border-right:0}
.select{float:left;width:103px;border:0;background:url(../images/select.jpg) 77px center no-repeat #fff;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
.btn{float:left;background:url(../images/btn.jpg) no-repeat center center #334d9c;width:53px;height:43px;border:0;cursor:pointer;}
.select select{margin:5px auto;width:103px;}
.searchBar span{ float:right; margin-top:6px;}
.searchBar span a{ color:#666; margin-right:8px;}
.searchBar span a:hover{ color:#ef9b11;}
.searchBar .select {float:left; margin-top:1px; display:inline; margin-right:8px;}
.searchBar .text {float:left;}
.searchBar .text input{width:182px; padding-top:3px; height:17px; border:1px solid #b7d1eb;}
div.selectbox-wrapper{overflow:hidden;width:103px;position: absolute;text-align:left;*margin-top:0;z-index:111;background:#fff;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:103px;cursor:pointer;line-height:20px;padding-top: 3px;font-size:12px;font-family:'微软雅黑';color:#666;}
div.selectbox-wrapper ul li.selected {background-color: #334d9c;color:#fff;}
.selectbox{border:none;display:block;width:103px;background:none;text-indent:9px;cursor:pointer;height:41px;font-size:14px;font-family:'microsoft yahei';color:#1b1b1b;line-height:41px;}
.marquee{float:right;width:582px;height:44px;overflow:hidden;position:relative;}
.marq_red{display:block;float:left;font:700 14px/44px "microsoft yahei";color:#ff0000;}
.marquee marquee{float: right;width: 505px;color: #363636;font: 700 14px/44px "microsoft yahei";}

.product_class{width:1002px;height: 22px;padding:7px 0;background:#2b2823;margin:0 auto 20px;}
.pro_left{float:left;width:102px;height: 22px;border-right:1px solid #5d5d5d;text-align:center;font:16px/22px "microsoft yahei";color:#d6d6d6;text-transform: uppercase;}
.pro_left p{font-size:14px}
.product_links{float:left;width:860px;height: 22px;padding-left:10px;}
.product_links li{float:left;padding:0 8px;height:22px;position:relative;font:14px/22px "microsoft yahei";}
.product_links li a{color:#fff;}
.product_links li dl{position: absolute;left:0;top:22px;background:#ff9600;width:127px;display:none;}
.product_links li dl dd{width:100%;height:39px;border-bottom:1px solid #ffb956;text-indent:8px;font:14px/39px "microsoft yahei";}
.product_links li.hover{background:#ff9600}
/* con1 */
.con1{width:1002px;/* height: 780px; */margin:20px auto 0;overflow:hidden;}
.con1_img1{display:block;width:246px;height:370px;float:left;}
.con1_imgs{width: 1002px;float:left;overflow:hidden;}
.con1_imgs li:nth-child(1){padding-left:0;}
.con1_imgs li:nth-child(5){padding-left:0;}
.con1_imgs li:nth-child(9){padding-left:0;}
.con1_imgs li:nth-child(13){padding-left:0;}
.con1_imgs li{width:236px;height: 222px;float:left;overflow:hidden;position:relative;padding-left: 18px;}
.con1_imgs li p{font-size: 14px;color: #2c2c2d;line-height: 30px;text-align:  center;}
.con1_hover{position: absolute;width:236px;height:178px;background:url(../images/con1_hover.png) 0 0 no-repeat;/* left:16px; */top:0;overflow:hidden;display:none;}
.con1_hover a{display:block;width:95px;height:26px;text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin:36px auto 14px;font:700 16px/26px "microsoft yahei";color:#fff;}
.con1_hover div{width:198px;height:66px;overflow:hidden;font:14px/22px "microsoft yahei";color:#fff;margin:0 auto;}
/* con2 */
.con2{width:1002px;margin:0 auto;height:303px;overflow:hidden}
.con2_left{float:left;width:698px;height:303px;overflow:hidden;}
.con2_title{background:url(../images/con2_title.jpg) 0 0 no-repeat;width:698px;height:57px;overflow:hidden}
.con2_title1{float:left;width:310px;height:50px;padding-left:16px;}
.con2_title1 span{float:left;font:700 16px/50px "microsoft yahei";color:#2c2c2d;}
.con2_title1 a{float:right;font:14px/50px "microsoft yahei";color:#2c2c2d;}
.con2_title2{float:left;width:306px;height:42px;padding-left: 53px;}
.con2_title2 span{float:left;font:700 16px/42px "microsoft yahei";color:#2c2c2d;}
.con2_title2 a{float:right;font:14px/42px "microsoft yahei";color:#2c2c2d;}
.con2_news{float:left;width:330px;height:auto;overflow:hidden}
.con2_news li{width:100%;height:43px;border-bottom:1px dotted #334d9c;overflow:hidden;font:14px/43px "microsoft yahei";color:#2c2c2d;text-indent:4px;}
.con2_news li a{color:#2c2c2d}
.con2_about{float:left;width:322px;height:224px;padding-left: 36px;font:14px/28px "microsoft yahei";color:#2c2c2d;overflow:hidden;}
.con2_about p{font:14px/28px "microsoft yahei";color:#2c2c2d;overflow:hidden;}
.con2_contact{background:url(../images/con2_contact.jpg) 0 0 no-repeat;width:260px;height:268px;overflow:hidden;float:right;margin-top:11px;}
.address{width:194px;height:auto;overflow:hidden;padding-left:28px;margin:32px auto 0;background:url(../images/address.png) 0 0 no-repeat;font:14px/26px "microsoft yahei";color:#fff;}
.qq{width:194px;height:auto;overflow:hidden;padding-left:28px;margin:0 auto;background:url(../images/qq.png) 0 0 no-repeat;font:14px/26px "microsoft yahei";color:#fff;}
.qq a{color:#fff;}
.con2_tel{display:block;width:100%;height:60px;font:30px/60px "impact";color:#fff;text-align:center;}
#pgshare1 #bdshare a{background: url(../images/share.png) no-repeat scroll 0 0 transparent;margin-right:14px;min-height: 32px;min-width:32px;display:block;float:left;padding:0}
#pgshare1 #bdshare{background: url(../images/share.png) repeat-x scroll 0 -178px transparent;display: block;float: left;padding-bottom: 2px;text-align: left !important;z-index: 999999;}
#pgshare1 #bdshare .bds_tsina,#pgshare1 #bdshare a.bds_tsina:hover{background-position:0 0 !important;}
#pgshare1 #bdshare .bds_qzone,#pgshare1 #bdshare a.bds_qzone:hover{background-position:-93px 0 !important;}
#pgshare1 #bdshare .bds_tqq,#pgshare1 #bdshare a.bds_tqq:hover{background-position:-46px 0 !important;}
#pgshare1 #bdshare .bds_bdhome,#pgshare1 #bdshare a.bds_bdhome:hover{background-position:-139px 0 !important;}
#pgshare1{width:186px;height:68px;margin:38px auto 0;}
.banenr2{display:block;margin:0 auto 28px;}
/* con3 */
.con3_bg{width:100%;background:url(../images/con3_bg.jpg) center 0 no-repeat;height:570px;}
.con3{width:1000px;height:570px;margin:0 auto;overflow:hidden;}
.con3_title{margin:25px auto 0;background:url(../images/con3_title.png) 0 0 no-repeat;width:250px;height:38px;font:23px/38px "microsoft yahei";color:#fff;text-indent:79px;}
.con3_title span{font-size:18px}
.movead {zoom:1; width:1000px; margin:46px auto 0;position:relative;z-index:11}
.movead .pcont { float:left;  width:900px;margin:0 15px;height:448px; overflow:hidden}
.movead .ScrCont {width: 32766px; zoom: 1}
.movead #List1_1 {FLOAT: left}
.movead #List2_1 {FLOAT: left}
.movead .LeftBotton { background:url(../images/leftbtn.png) no-repeat center 0; float: left; width: 34px;margin-top:175px;height:37px;}
.movead .RightBotton {background:url(../images/rightbtn.png) no-repeat center 0; float: left; width: 34px;margin-top:175px;height:37px;}
.movead .pl img {display: block; CURSOR: pointer; width:215px; height:161px; float:left;}
.movead .pl {float:left; width:227px;height:448px;overflow:hidden;}
.protitle{width:215px;height:48px;display:block;clear:both;font:700 14px/48px 'Microsoft YaHei';color:#000;text-align:center;overflow:hidden;margin-bottom:15px;background:#d8d8d8;}
/* foot */
.links_bg{width:100%;height:46px;background:#334d9c}
.links{width:1002px;height:46px;margin:0 auto;font:14px/46px "microsoft yahei";color:#fff;overflow:hidden;text-align:center;}
.links a{color:#fff;margin:0 12px;}
.foot_bg{width:100%;height:256px;background:#292a29;overflow:hidden}
.foot{width:1004px;height:182px;margin:21px auto 0;background:url(../images/footbg.jpg) 0 bottom no-repeat;}
.foot_left{float:left;width:292px;height:182px;padding-left:4px;overflow:hidden;}
.foot_left_title{width:100%;height:38px;font:14px/38px "microsoft yahei";color:#a5a5a5;}
.foot_tel{font:31px/40px "impact";color:#fff;}
.foot_contact{width:100%;height:72px;margin-top:10px;font:14px/24px "microsoft yahei";color:#a4a4a4;overflow:hidden;}
.foot_center{float:left;width:356px;height:182px;overflow:hidden;padding:0 35px 0 50px;}
.foot_friends_title{width:100%;font:14px/38px "microsoft yahei";color:#fff;}
.foot_center div{width:100%;height:130px;overflow:hidden;font:14px/26px "microsoft yahei";color:#a4a4a4;}
.foot_center div a{color:#a4a4a4;margin:0 14px 0 0;float:left;}
.foot_code{float: right;width:101px;height:136px;border:1px solid #515151;padding:9px 9px 0 9px;margin:12px 0 0 12px;}
.foot_code p{width:101px;height:35px;text-align:center;font:14px/35px "microsoft yahei";color:#fff;}
.foot_copyright{width:1002px;height:53px;margin:0 auto;overflow:hidden;}
.copyr_left{float:left;font:12px/53px "microsoft yahei";color:#a4a4a4;}
.copyr_left span{margin-right:12px;}
.copyr_right{float:right;font:12px/53px "microsoft yahei";color:#a4a4a4;}
.foot_copyright a{color:#a4a4a4;}
/* subpage */
.sub_banner{width:100%;height:auto;position: relative;overflow:hidden;}
.sub_class{margin-top:26px;}
.content{width:1002px;height:auto;overflow:hidden;margin:0 auto;}
.left{float:left;height:auto;overflow:hidden;width:240px;}
.left_title{background:url(../images/lefttitle.jpg) 0 0 no-repeat;width:240px;height:57px;overflow:hidden;font:700 16px/57px "microsoft yahei";color:#fff;text-align:center;text-transform: uppercase;}
.left_con{width:238px;height:auto;border:1px solid #334d9c;border-top:0;overflow:hidden;margin-bottom:24px;padding:6px 0 13px;}
.left_news{width:100%;height:auto;overflow:hidden;}
.left_news li{width:100%;height:43px;border-bottom:1px dotted #334d9c;overflow:hidden;font:14px/43px "microsoft yahei";color:#2c2c2d;text-indent:7px;}
.left_news li a{color:#2c2c2d;}
.left_more{display:block;width:192px;height:35px;text-align:center;font:14px/35px "microsoft yahei";color:#fff;margin:13px auto 0;background:url(../images/leftmore.jpg) 0 0 no-repeat;}
.left_support{width:210px;height:auto;overflow:hidden;font:14px/28px "microsoft yahei";color:#2c2c2d;margin:0 auto;max-height:224px;}
.left_support p{font:14px/28px "microsoft yahei";color:#2c2c2d;}
.right{width:742px;height:auto;overflow:hidden;padding-left:18px;}
.right_title{width:742px;height:57px;overflow:hidden;}
.right_name{float:left;font:16px/57px "microsoft yahei";color:#3d3d3d;background:url(../images/rightname.jpg) 0 center no-repeat;padding-left:21px;}
.right_title p{float:right;font:14px/57px "microsoft yahei";color:#3d3d3d;}
.right_title p a{color:#3d3d3d}
.right_con{width:100%;height:auto;overflow:hidden;font:14px/30px "microsoft yahei";color:#2c2c2d}
.right_con p{font:14px/30px "microsoft yahei";}
.right_con video{display: block;margin: auto;background: #000;}
.product_title{width:1002px;margin:0 auto;}
.product_class_about{width:1002px;margin:0 auto 16px;max-height:168px;overflow:hidden;font:14px/28px "microsoft yahei";color:#2c2c2d}
/* product */
.product{width:1012px;height:auto;overflow:hidden}
.product li{width:253px;height: 225px;float:left;overflow:hidden;position:relative;}
.product li p{font-size: 14px;color: #2c2c2d;line-height: 30px;text-align:  center;}
.product_hover{left:0}
.downland{font:14px/70px "microsoft yahei";color:#2b2823;background:url(../images/pdf.jpg) 0 center no-repeat;padding-left:25px;text-decoration: underline;}
/* pages */
.pages{width:100%;height: 30px;text-align: center;margin: 40px 0;clear: both;}
.pages a {font: 500 12px/28px "microsoft yahei";color: #fff;text-decoration:none;padding: 0px 10px;height: 28px;border: 1px solid #334d9c;background: #334d9c;display:inline-block;white-space:nowrap;margin: 0px 3px;}
.pages a:hover {background: #ff9600;border: 1px solid #ff9600;}
.pages .hover {background: #ff9600;border: 1px solid #ff9600;}
/* book*/

.bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;background:#fff;}
.bookmain div{font-size:12px}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.messagecol{ color:rgb(30,54,1);}
.admincol{ color:rgb(30,54,1); font-weight:bold;}
.admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;}
.message{ width:500px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{width:100px;height:25px;float:left;text-align:right;font-size:12px;line-height: 18px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left;}
.message li p.message_sub input{float:left;width: 134px;height: 30px;display: block;border-radius: 5px;border: none;color: #FFF;font-size: 16px;line-height: 30px;text-align: center;background: #334d9c;border-bottom: 2px solid #14265d;cursor: pointer;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}
.c_red{ color:#f00;}

/* hr */
.hr{ margin:10px auto; width:100%;font-size:12px;line-height:24px; border:1px #CCC solid; background-color:#fff;color:#333;}
.hr td{ border:1px #CCC solid;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
/* news */
.news{width:100%;height:auto;overflow:hidden}
.news li{width:100%;height:43px;overflow:hidden;background:#e8e8e8}
.news li a{float:left;font:14px/43px "microsoft yahei";color:#2c2c2d;background:url(../images/icons1.jpg) 14px center no-repeat;padding-left:29px;}
.news li span{float:right;font:14px/43px "microsoft yahei";color:#6e6e6e;padding-right:12px;}
.news li.color{background:#fff}
/* case */
.case1{width:756px;height:auto;overflow:hidden;}
.case1 li{width:252px;height:243px;float:left;overflow:hidden;}
.case1 li p{width:236px;height:64px;overflow:hidden;font:14px/64px "microsoft yahei";color:#2b2823;text-align:center;}
.case1 li p a{color:#2b2823;}
.case2{width:100%;height:auto;overflow:hidden;}
.case2 li{width:100%;height:243px;overflow:hidden;}
.case_img{display:block;width:236px;height:178px;overflow:hidden;float:left;}
.case2 li p{width:480px;padding-left:21px;height:22px;font:700 16px/22px "microsoft yahei";color:#2b2823;overflow:hidden;margin-bottom:14px;float:left;}
.case2 li div{width:480px;height:140px;overflow:hidden;font:14px/28px "microsoft yahei";color:#2b2823;padding-left:21px;float:left;}
.case2 li p a{color:#2b2823}
/* view */
.right_con h1{width:100%;text-align:center;font:20px/36px "microsoft yahei";color:#3d0103;}
.date{width:100%;text-align:center;font:12px/32px "microsoft yahei";color:#acacac}
.date p{color:#acacac}
.page{width:100%;height:auto;margin:10px auto;overflow: hidden;position: relative}
.page p{width:100%;height:26px;font:14px/26px "microsoft yahei";color:#60605f;overflow: hidden;}
.page p a{color:#334d9c}
.page p a:hover,.back:hover{text-decoration: underline}
.back{display:block;background:url(../images/back.jpg) 0 0 no-repeat;width:118px;height:40px;margin:20px auto;text-align:center;font:16px/40px "microsoft yahei";color:#fff;}
.right_con img{max-width: 100%;}
/* search */
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
/* product view 产品内页 */
.view_imgs{width:555px;height:500px;margin:20px auto;position:relative;background:#f7f7f7;}
.view_imgs .btn{position:absolute;width:15px;height:70px;top:422px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.view_imgs .prev{left:0;background:url(../images/view_left.png) no-repeat center center #bfbebe;}
.view_imgs #prevTop,.view_imgs #nextTop{display:none}
.view_imgs .next{right:0;background:url(../images/view_right.png) no-repeat center center #bfbebe;}
.view_imgs li{float:left;}
.view_imgs .prev:hover,.view_imgs .next:hover{background-color:#3e74ce}
.view_imgs .cf li{position:relative;color:#fff;}
.view_imgs .cf a{display:block;width:555px;height:416px;position:absolute;color:#fff;}
.view_imgs .picBox{height:416px;position:relative;overflow:hidden;}
.view_imgs .picBox ul{height:416px;position:absolute;}
.view_imgs .picBox li{width:555px;height:374px;}
.view_imgs .listBox{width:511px;height:71px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.view_imgs .listBox ul{height:71px;position:absolute;}
.view_imgs .listBox li{width:104px;height:71px;cursor:pointer;position:relative;}
.view_imgs .listBox li a{display:block;width:95px;height:71px;}
.view_imgs .listBox li img{width:95px;height:71px;}
.view_imgs .listBox .on img{width:89px;height:65px;border: 3px solid #3e74ce;}
.ol_width { width:580px;}
